import React from 'react';
import { Defs, LinearGradient, Stop } from 'react-native-svg';

import { IconProps, RootPath, RootSvg } from './utils/base';

export const PPTX = (props: IconProps) => (
  <RootSvg
    height={props.height || 40}
    viewBox={props.viewBox || '0 0 34 40'}
    width={props.width || 34}
    {...props}
  >
    <RootPath
      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
      pathFill='url(#gradient)'
    />
    <RootPath
      d='M25.865 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
      pathFill='#AB381D'
    />
    <RootPath
      d='M9.667 10.667h10c.916 0 1.666.75 1.666 1.666V19c0 .917-.75 1.667-1.666 1.667h-10C8.75 20.667 8 19.917 8 19v-6.667c0-.916.75-1.666 1.667-1.666zM23 14h1.667v8.333c0 .917-.75 1.667-1.667 1.667H11.333v-1.667H23V14zm-3.333 5h-10v-6.667h10V19z'
      pathFill='#FFFFFF'
      pathOpacity={0.4}
    />
    <RootPath
      d='M20.76 32.617h-.736v-1.099h-1.19v1.1h-.602v.77h.602v1.616c0 .987.26 1.281 1.274 1.281.124 0 .248-.01.372-.018a6.69 6.69 0 01.28-.017v-.875c-.054 0-.107.004-.16.007-.05.004-.1.007-.149.007-.259 0-.427-.063-.427-.35v-1.652h.735v-.77zm-8.427 1.778c0-.462-.182-.973-.707-.973-.322 0-.728.224-.728.973 0 .637.182 1.05.721 1.05.532 0 .714-.553.714-1.05zm-1.393 3.073H9.75v-4.85h1.134v.42h.014a1.161 1.161 0 011.001-.526c1.141 0 1.624.98 1.624 2.002 0 .945-.504 1.841-1.533 1.841-.448 0-.791-.168-1.036-.497h-.014v1.61zm5.802-3.073c0-.462-.182-.973-.707-.973-.322 0-.728.224-.728.973 0 .637.182 1.05.721 1.05.532 0 .714-.553.714-1.05zm-1.393 3.073h-1.19v-4.85h1.134v.42h.014a1.161 1.161 0 011.001-.526c1.141 0 1.624.98 1.624 2.002 0 .945-.504 1.841-1.533 1.841-.448 0-.79-.168-1.036-.497h-.014v1.61zm6.808-1.218h-1.316l1.26-1.904-1.155-1.729h1.316l.511.868.511-.868h1.26l-1.134 1.708 1.288 1.925h-1.316l-.63-1.05-.595 1.05z'
      pathFill='#FFFFFF'
    />
    <Defs>
      <LinearGradient
        gradientUnits='userSpaceOnUse'
        id='gradient'
        x1={0}
        x2={0}
        y1={0}
        y2={props.height || 40}
      >
        <Stop stopColor='#DC7259' />
        <Stop offset={1} stopColor='#D14423' />
      </LinearGradient>
    </Defs>
  </RootSvg>
);
